<!DOCTYPE html>
<html lang="utf-8" class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <#include "/comm/module-index.ftl"/>
</head>
<#include "/comm/js_user_all.ftl">
<body>
<div class="layui-div-body">
    <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">基础管理</a>
            <a>
              <cite>属性配置</cite></a>
          </span>
    </div>
    <div class="layui-fluid layui-div-table">
        <div>
            <form class="layui-form" autocomplete="off" id="searchForm" lay-filter="searchForm">
                <div class="layui-inline layui-show-xs-block layui-input-wrap">
                    <input class="layui-input table-search-date" autocomplete="off" placeholder="开始日"
                           name="startDate" id="start">
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <input class="layui-input table-search-date" autocomplete="off" placeholder="截止日" name="endDate"
                           id="end">
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <input type="text" name="keyword" placeholder="关键字" autocomplete="off"
                           class="layui-input">
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="table-search"><i
                                class="layui-icon">&#xe615;</i></button>
                    <button class="layui-btn  layui-btn-sm layui-btn-primary" type="reset" id="btn-search-reset"><i
                                class="layui-icon">&#xe640;</i></button>
                </div>
            </form>
            <div class="common-btn-block">
                <button class="layui-btn  layui-btn-sm" lay-on="add"><i
                            class="layui-icon  layui-icon-add-1"></i> 添加
                </button>
                <button type="button" class="layui-btn  layui-btn-sm layui-btn-danger" lay-on="deletes">
                    <i class="layui-icon layui-icon-delete"></i> 删除
                </button>

                <button class="layui-btn  layui-btn-sm layui-btn-normal" lay-on="destroy"><i
                            class="layui-icon">&#xe616;</i>销毁
                </button>

            </div>
        </div>
        <#-- table-->
        <div class="layui-table-body" style="flex: 1" id="layui-table-bar">
            <table class="layui-hide" lay-filter="layui-table-main" id="layui-table-main"></table>
        </div>

    </div>
</div>

<script type="text/javascript">
    layui.use(['index', 'element'], function () {
        let tableBase = layui.index;
        let laydate = layui.laydate;
        // 日期
        laydate.render({
            elem: '.table-search-date'
        });
        tableBase.render({
            cols: [{
                type: 'checkbox',
                fixed: 'left'
            },
                {type: 'space', hide: true, field: "_id"},
                {type: 'numbers', fixed: 'left'},
                {field: 'paCode', title: '编码'},
                {field: 'paName', title: '名称'},
                {field: 'paValue', title: '属性数值'},
                {field: 'paType', title: '属性类型'},
                {field: 'paRemark', title: '属性备注'},
                {
                    field: 'creator', title: '创建者', templet: function (obj) {
                        return systemUserFormatter(obj.creator);
                    }
                },
                {field: 'createTime', title: '创建时间'},
                {title: '状态', width: 40, field: '_status', toolbar: '#statusBtn', width: 100, align: 'center'},
                {fixed: 'right', title: '操作', toolbar: '#operateBtn', width: 150, align: 'center'}
            ],
            area: ['500px', '470px']
        })
    });

</script>
</body>
</html>